<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/css.css">
    <link rel="stylesheet" href="./图标/iconfont.css">
    <link rel="stylesheet" href="./css/main.css">
</head>
<body>
    <header>
        <aside class="header_main">
            <div class="logo">
                <ul>
                    <li><img src="./img/logo.png" alt=""></li>
                    <li>导航1</li>
                    <li>导航2</li>
                    <li>导航3</li>
                    <li>导航4</li>
                    <li>导航5</li>
                </ul>
            </div>
            <div class="other">
                <ul>
                    <li class="iconfont icon-denglu"><a href="./登录页面.html">登录</a></li>
                    <li class="iconfont icon-zhuce"><a href="./注册页面.html">注册</a></li>
                    <li class="iconfont icon-lingdang"></li>
                    <li class="iconfont icon-xiaoxi1"></li>
                    <li>
                        <section></section>
                        <div class="menu">
                            <aside class="iconfont icon-denglu"> 个人主页</aside>
                            <aside class="iconfont icon-shezhi"> 个人设置</aside>
                            <aside class="iconfont icon-zhanghu"> 账户中心</aside>
                            <aside class="iconfont icon-tuichu"> 退出登录</aside>
                        </div>
                    </li>
                </ul>
            </div>
        </aside>
    </header>
    <article>
        <section class="article_top">
            <aside class="article_top1">
                <aside><h2>测试结果概况</h2></aside>
            </aside>
            <div class="article_top2">
                
                <aside>
                    70%
                    <input type="range" min="0" max="100" value="70" >
                </aside>
            </div>
            <div class="article_top3">
                
                <aside>
                    70%
                    <input type="range" min="0" max="100" value="70" >
                    
                </aside>
            </div>
            <div class="article_top4">
                
                <aside>
                    70%
                    <input type="range" min="0" max="100" value="70" >
                </aside>
            </div>
            <div class="article_top5">
                
                <aside>
                    70%
                    <input type="range" min="0" max="100" value="70" >
                </aside>
            </div>
        </section>
        <section class="article_down">
            <table  cellspacing="0">
                <tr>
                    <th>测试结果详情</th>
                </tr>
                <tr class="biaoti" >
                    <td>所属科目</td>
                    <td>测试章节</td>
                    <td>测试时间</td>
                    <td>分数</td>
                    <td>是否合格</td>
                    <td></td>
                    
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td3"></td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
                <tr>
                    <td>科目1</td>
                    <td>章节1</td>
                    <td>2017-1-1</td>
                    <td>30</td>
                    <td class="td4">合格</td>
                    <td><a href="">详情</a></td>
                </tr>
            </table>
            <div class="pages">
                <ul>
                    <li><a href="">1</a></li>
                    <li><a href="">2</a></li>
                    <li><a href="">3</a></li>
                    <li><a href="">4</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">6</a></li>
                    <li><a href="">7</a></li>
                    <li><a href="">8</a></li>
                    <li><a href="">9</a></li>
                    <li><a href="">10</a></li>
                </ul>
            </div>
        </section>
    </article>
    <footer>
        <aside class="footer_main">
            <div class="footer_left">
                <ul>
                    <li>
                        <h2>链接组1</h2>
                        <p>lorem.</p>
                        <p>Vero!</p>
                    </li>
                    <li>
                        <h2>链接组2</h2>
                        <p>lorem.</p>
                        <p>Vero!</p>
                    </li>
                    <li>
                        <h2>链接组3</h2>
                        <p>lorem.</p>
                        <p>Vero!</p>
                    </li>
                    <li>
                        <h2>链接组4</h2>
                        <p>lorem.</p>
                        <p>Vero!</p>
                    </li>
                </ul>
            </div>
            <div class="footer_right">
                <aside class="footer_right_top"><img src="./img/logo.png" alt=""></aside>
                <aside class="footer_right_down">
                    <ul>
                        <li class="iconfont icon-weibo"></li>
                        <li class="iconfont icon-weixin"></li>
                        <li class="iconfont icon-pingguo"></li>
                        <li class="iconfont icon-anzhuo"></li>
                    </ul>
                </aside>
            </div>
        </aside>
    </footer>
</body>
</html>